{% extends "base.html" %}

{% block content %}
{{ info }}
      <div id="app1013042_content" style="width: 95%;    margin: 20px auto;">
        <!-- MYML Editor 内容编辑器 -->
        <form id="app1013042_" action="{{ app_app_url }}" method="post">
          <table class="editorkit" border="0" cellspacing="0" style="margin:0.7em 0;width:750px">
            <tr class="width_setter">
              <th style="width:10px"></th>
              <td></td>
            </tr>
            <tr>
              <th><label class="detached_label"></label></th>
              <td class="editorkit_row" style="padding:3px 0;"><h2 style="border-bottom: 1px solid #cccccc;">选择礼物</h2>
                <ul class="avatar_list">
                
{% for flower in dataflowers %}
                  <li style="float: left;    width: 72px;    padding: 5px 0;">
                  <img src="{{ app_url }}images/flowers/{{ flower.key }}.jpg" />
                  <p style="width: 72px;    overflow: hidden;    white-space: nowrap;"><input type="radio" value="{{ flower.key }}" name="flower_id" class="avatar_radio" />
                  {{ flower.name }}</p>
                  </li>
{% endfor %}

                </ul></td>
              <td class="right_padding"></td>
            </tr>
            <tr>
              <th><label class="detached_label"></label></th>
              <td class="editorkit_row"><h2 style="border-bottom: 1px solid #cccccc;">选择好友</h2>
{% if havefriend %}
                <ul class="avatar_list">
{% for friendid in friendslist %}
                  <li style="float: left;    width: 72px;    padding: 5px 0;">
                  <yk:profile-pic uid="{{ friendid }}" size="tiny" linked="true" />
                  <p style="width: 72px;    overflow: hidden;    white-space: nowrap;"><input type="radio" value="{{ friendid }}" name="friend_id" />
                  <yk:name uid="{{ friendid }}" /></p>
                  </li>
{% endfor %}
                </ul>
{% else %}
              您还没有好友，请先添加好友。
{% endif %}
              </td>
              <td class="right_padding"></td>
            </tr>
            <tr>
              <th><label class="detached_label"></label></th>
              <td class="editorkit_row"><h2 style="border-bottom: 1px solid #cccccc;">赠言</h2>
                <p style=" margin: 8px 0;">写上您的祝福的话，140个字符，每个汉字占3个字符。</p></td>
              <td class="right_padding"></td>
            </tr>
            <tr>
              <th><label class="detached_label"></label></th>
              <td class="editorkit_row"><textarea style="height:80px;padding:3px 2px; width:95%; line-height:16px; border-style:solid; border-width:1px; border-color:#7C7C7C #C3C3C3 #DDD;" name="flower_message" cols="80" rows="5" id="app1013042_"></textarea></td>
              <td class="right_padding"></td>
            </tr>
            <tr>
              <th></th>
              <td class="editorkit_buttonset"><input type="submit" class="input-button" id="app1013042_" name="" value=" 发 送 " />
              </td>
              <td class="right_padding"></td>
            </tr>
          </table>
        </form>
      </div>
{% endblock %}